// input
@input-header-bk: #161D36;
@input-header-bd: #353F61;
@input-card-bk: #191F36; 
@input-page-bk: #13192F; 
@input-color-placeholder: #727E9D;
@input-color-text: #D2D7ED;
@input-color-clear-click: #365EC9;
 
@input-hover: #353F61;
@input-active: #547AFF;
@input-bk-disabled: #272F48;

@input-group-prepend: #6F7798;
  // select
  @select-bk: #212946;
  @select-hover: #2E3963;
  @select-choose: #547AFF;
  @select-disabled: #6F7798;
  @select-group-title: #727E9D;
  @select-group-border: #252E4E;
  @select-item-span:#D2D7ED;
  @popper-bk: #212946;
  @popper-filter-color: rgba(5, 9, 27, 0.2);
  @popper-arrow-bd: #252e4e;
  @popper-arrow-bk: #212946;
  @el-popover-title: #d2d7ed;
  @el-popover-content: #6f7798;
  // cascader
  @cascader-bk: #212946;
  @cascader-hover: #2E3963;
  @cascader-choose: #547AFF;
  @cascader-disabled: #6F7798;
  @cascader-checkbox-bk: transparent;
  @cascader-checkbox-bd: #58638C;
  @cascader-select-bk: #1F2745;
  @cascader-select-text: #D2D7ED;
  @cascader-select-delete: #58638C;
  // cascader 弹窗面板
.board_select-pop {
  .el-cascader-node.in-active-path, .el-cascader-node.is-active, .el-cascader-node.is-selectable.in-checked-path {
    color: @cascader-choose;
  }
  .el-checkbox__inner, .el-radio__inner {
    border-color: @cascader-checkbox-bd;
    background-color: @cascader-checkbox-bk;
  }
  .el-checkbox__input.is-checked .el-checkbox__inner,
  .el-checkbox__input.is-indeterminate .el-checkbox__inner,
  .el-radio__input.is-checked .el-radio__inner {
    background-color: @cascader-choose;
    border-color: @cascader-choose;
  }
  .el-cascader-node:not(.is-disabled):focus, .el-cascader-node:not(.is-disabled):hover {
    background-color: @cascader-hover;
  }
  .el-cascader-menu__wrap.el-scrollbar__wrap {
    background-color: @cascader-bk;
  }
  .el-cascader-menu{
      color:#ffffff
  }
}

// cascader 输入框内
.board_select {
  .el-cascader__tags .el-tag {
    background-color: @cascader-select-bk;
    color: @cascader-select-text;
    i {
      color: @cascader-select-delete;
    }
  }
}
  .board_select-pop {
  border: none;
  filter: drop-shadow(0px 2px 10px @popper-filter-color);
  backdrop-filter: blur(6px);
  box-shadow: none;
  background-color: @popper-bk;
  .el-popover__title {
    color: @el-popover-title;
  }

  &[x-placement^="bottom"] .popper__arrow {
    border-bottom-color: @popper-arrow-bd;
    &::after {
      border-bottom-color: @popper-arrow-bk;
    }
  }

  &[x-placement^="top"] .popper__arrow {
    border-top-color: @popper-arrow-bd;
    &::after {
      border-top-color: @popper-arrow-bk;
    }
  }

  &[x-placement^="right"] .popper__arrow {
    border-right-color: @popper-arrow-bd;
    &::after {
      border-right-color: @popper-arrow-bk;
    }
  }

  &[x-placement^="left"] .popper__arrow {
    border-left-color: @popper-arrow-bd;
    &::after {
      border-left-color: @popper-arrow-bk;
    }
  }
}

// select
.board_select-pop.el-popper {
    border: none;
    filter: drop-shadow(0px 2px 10px rgba(5, 9, 27, 0.2));
    backdrop-filter: blur(6px);
    box-shadow: none;
    background-color: #212946;
  .el-select-dropdown__item  {
    background-color: @select-bk;
  }
  .el-select-dropdown__item.hover, .el-select-dropdown__item:hover {
    background-color: @select-hover;
  }
  .el-select-dropdown__item.selected span,
  .el-select-dropdown__item.selected {
    color: @select-choose;
  }
  .el-select-group__title {
    color: @select-group-title;
  }
  .el-select-dropdown__item.is-disabled {
    color: @select-disabled;
  }
  .el-select-group__wrap::after {
    background-color: @select-group-border;
  }
  .el-select-dropdown__item span{
    color: @select-item-span;
  }
}

.board_select .el-input.is-focus .el-input__inner {
  border-color: @select-choose
}

.board_select{
  .is-focus .el-input__suffix .el-icon-arrow-up{
    color: @select-choose
  }
}
  // select
// input主题
.board_select {
  .el-input__inner {
    background-color: @input-card-bk;
    border: 1px solid transparent;
    color: @input-color-text;
    &::placeholder {
      color: @input-color-placeholder;
    }
    &:hover {
      border: 1px solid @input-hover;
    }
    &:focus {
      border: 1px solid @input-active;
    }
    &:disabled {
      background-color: @input-bk-disabled;
      color: @input-group-prepend;
    }
  }
  &:hover .el-input__suffix .el-input__clear {
    color: @input-active;
  }
  .el-input__suffix .el-input__clear:active {
    color: @input-color-clear-click;
  }
  .el-input__prefix > .iconsousuo {
    color: @input-active;
  }
}